初心者用★HPタグ集テーブル編

★★初心者向けのＨＰタグ集★★

ここでは簡単なＨＰタグ集を掲載しています。初心者向けなので、上級者の方には
物足りないかと思われますが、ご了承ください。

★テーブル編★

★テーブルタグ

【一口にテーブルタグと言っても、色々あるので、少しずつ紹介したいと思います。】

★テーブルの基礎

●テーブルは、枠で整頓したい時などに使います。

○まずは、普通のテーブル

これがテーブルです。枠の中に文章が入ってるでしょう？

【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字を入れます。（枠の太さ）"><tr><td>ここに文章がはいります。</td></tr></table>

○次に、枠の中で枠を作ります。（区切る）

テーブルを二つに分けてみましょう

二つに分かれるとこんな感じ♪

【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字を入れます。（枠の太さ）"><tr><td>ここに文章がはいります。テーブルの中の文字にも色をつけましょう</td><td>文章の色を変えたいときは、文章の前後にfontタグを入れましょう。</td></tr></table>

○次に、枠を重ねて作ります。（区切って重ねる）

まずはテーブルを二つにしてみましょう	下にも同じものをつけてみましょう♪
二つに重ねてみました＾＾	2列のテーブルができましたね♪

【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字を入れます。（枠の太さ）"><tr><td>一列目左の文章がはいります。</td><td>一列目右の文章が入ります。</td></tr><tr><td>二列目左の文章が入ります。</td><td>二列目右の文章が入ります。</td></tr></table>

●次に、テーブルに色をつけてみましょう。

テーブルの枠に色がついてるでしょう？

【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字を入れます（枠の太さ）" bordercolor="ここに色を入れます"><tr><td>ここに文章がはいります。</td></tr></table>

○次は、テーブルの中に背景色と文字を入れてみましょう。

水色がついているでしょう？

【このテーブルのタグは、以下のとおりです。】

<table border="ここに数字（枠の太さ）" width="ここに数字（枠の長さ）"><tr bgcolor="ここに色を入れます"><td><center>水色がついているでしょう？</center></td></tr></table>

●上の基礎を勉強したら、まとめをしてみましょう。

テーブルの枠の色を消し、中の色を変えてみましょう♪

枠の太さを１に、中の色を白にするとこんな感じ。

文字の色はわかりやすいように黒色で設定してあります。

↑と同じタグで、枠の太さを消し、中の色を白にするとこんな感じ。

文字の色はわかりやすいように黒色で設定してあります。

↑で使ってるタグはこうなります。
↓↓

<table border="0"><tr><td bgcolor="#ffffff">borderを０にすることで枠の色を消すことができます。</td></tr></table>

もっと詳しく知りたい方は↓のサンタからどうぞ＾＾